
import { Card, Col } from 'antd';
interface IProps{
    size: number;
}
export function Skeleton(props: IProps) {
    const arr: any[] = [];
    for (let i = 0; i < props.size; i += 1) {
        arr.push((
            <Col className='productItem' key={i}>
                <Card
                    className='productCart skeleton'
                    hoverable={true}
                    headStyle={{ position: 'absolute', border: 'none', right: '0', padding: '0' }}
                >
                <>
                    <div className='productTitle'>
                    </div>
                    <div className='productSizes'>
                    </div>
                    <div className='productPrices'>
                    </div>
                    <div className='productInstallment'>
                    </div>
                </>
                </Card>
            </Col>
        ));
    }
    return (
        <>
            {arr}
        </>
    );
};
export default Skeleton;